import request from '../../utils/request'

let startY = 0; /*手指起始的坐标  */
let moveY = 0; /* 手指移动的坐标 */
let moveDistance = 0; /* 手指移动的坐标 */
Page({

    /**
     * 页面的初始数据
     */
    data: {
        coverTransform: 'translateY(0rpx)',
        converTransition: '',
        userInfo: {}, // 用户信息
        rencentPlayList: [], //用户播放记录
    
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
        /* 读取用户的基本信息 */
        let result = wx.getStorageSync('userInfo')
            /* 读取成功就更新ueserInfo的状态 */
        if (result) {
            this.setData({
                userInfo: JSON.parse(result),
            })
        }
        // 调用 用户播放记录方法
        this.getUserRecentPlayList(this.data.userInfo.userId)

    },

    /* 获取用户播放记录 */
    async getUserRecentPlayList(userId) {
        let result = await request('/user/record', { uid: userId, type: 0 })

        // 只截取用户的十条播放记录，并给每个对象添加id
        let index = 0;
        let recentPlay = result.allData.splice(0, 10).map(item => {
            item.id = index++;
            return item
        })

        // 修改用户播放记录状态
        this.setData({
            rencentPlayList: recentPlay
        })
    },

    handleTouchStart(event) {
        /* 手指滑动的时候先清除动画 */
        this.setData({
            converTransition: ''
        })

        /* 获取手指的起始坐标 */
        startY = event.touches[0].clientY;
    },

    handleTouchMove(event) {
        /* 获取手指移动的y值 */
        moveY = event.touches[0].clientY;
        /* 获取手指运动的值 */
        moveDistance = moveY - startY;

        if (moveDistance <= 0) { return; }
        if (moveDistance >= 80) { moveDistance = 80; }

        /* 动态更新coverTransform的状态值 */
        this.setData({
            coverTransform: `translateY:(${moveDistance}rpx)`
        })
    },

    handleTouchEnd() {
        /* 手指松开会弹 */
        this.setData({
            coverTransform: 'translateY(0rpx)',
            converTransition: 'transform 1s linear'
        })
    },

    /* 游客登录 */
    toLogin() {
        wx.navigateTo({
            url: "/pages/goto/goto"
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})